<template>
	<div class="review-box">
		<el-table :data="tableData" stripe style="width: 100%" class="review-table1">
			<el-table-column prop="reviewTitle"  :label="$t('message.table.title1')"  width="400"> </el-table-column>
			<el-table-column prop="reviewClassification" :label="$t('message.table.title9')" width="180"> </el-table-column>
			<el-table-column prop="name"  :label="$t('message.table.title3')"> </el-table-column>
			<el-table-column prop="reviewAddtime" :label="$t('message.table.title4')"> </el-table-column>
			<el-table-column fixed="right" :label="$t('message.table.title5')" width="180">
				<template slot-scope="scope">
					<el-button @click="handleClick(scope.row)" type="text" size="small">{{$t('message.table.title6')}}</el-button>
					<el-button type="text" size="small">{{$t('message.table.title7')}}</el-button>
				</template>
			</el-table-column>
		</el-table>
	</div>
</template>

<script>
import { Session } from '@/utils/storage';
import { getMyReview } from '@/api/reviewModular/index.js';
export default {
	name: 'myReview',
	data() {
		return {
			tableData: [],
		};
	},
	created() {
		this.getMyReviewInfo();
	},
	methods: {
		async getMyReviewInfo() {
			let res = await getMyReview(Session.get('userInfo').otherInfo.id);
			console.log(res);
			if (res.statusCode === 20000) {
				this.tableData = res.data;
			}
		},

		handleClick(e) {
			console.log(e);
		},
	},
};
</script>

<style lang="scss" scoped>
.review-table1 {
	opacity: 0;
	animation-name: error-num;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	animation-delay: calc(1/10) + s;
}
</style>